<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<title>cardshow</title>
<link type="text/css" href="${base!}/front/css/all.css" rel="stylesheet" />
<style>
.shop-info { margin-top: 15px; background-color: #cfbae4; color: #111111; margin-bottom: 15px; padding: 5px; width: 970px; }
.shop-info-con { background-color: #FFFFFF; border: 1px solid #424278; padding: 13px 20px 20px; position: relative; }
.shop-tit { border-bottom: 1px solid #F3F3F3; margin-bottom: 15px; padding-bottom: 5px; position: relative; z-index: 2; }
.shop-name { padding-bottom: 5px; position: relative; }
.shop-name .shop-title { text-align:left;font-family: "Microsoft YaHei"; font-size: 23px; padding: 0 20px 0 0; }
.shop-info a { color: #000; }
.sep { color: #E0E0E0; padding: 0 10px; }
.comment-rst .rst { padding-right: 10px; }
.comment-rst .stress { font-family: Verdana, Geneva, sans-serif; padding-left: 5px; }
.comment-rst { text-align: left; clear: both; }
.point-card-box { text-align: left; height: 157px; }
.member-get { background: url(images/membericon.png); height: 90px; position: absolute; right: 20px; width: 90px; }
.btninfo { margin-left: 40px; float: left; }
.btninfo span { display: block; line-height: 25px; color: #555; }
.btninfo span label { color: #999; }
.btninfo span.btn-txt {
    margin: -35px 0 0 250px;
}
.btninfo span.btn-txt a { display: inline-block; *display:inline;*zoom:1;margin-right: 5px; height: 22px; line-height: 22px; background: url(/front/images/btns_bg.png) 0 0 no-repeat; padding-left: 3px; color: #686868; position: relative; }
.btninfo span.btn-txt a span { display: inline-block; *display:inline;color: #000; *zoom:1;height: 22px; line-height: 22px; background: url(/front/images/btns_bg.png) right -24px no-repeat; padding: 0 13px 0 13px; cursor: pointer; }
.btninfo span.btn-txt a:hover { background-position: 0 -55px; }
.btninfo span.btn-txt a:hover span { background-position: right -78px; cursor: pointer; }
.favoured-tit { margin-bottom: 15px; border-bottom: 1px solid #E7E7E7; height: 40px; position: relative; clear:both; }
.favoured-tit h3 { border-bottom: 1px solid #424278; bottom: -1px; color: #424278; font-size: 14px; font-weight: bold; left: 5px; padding-bottom: 5px; position: absolute; }
.favoured-shops { margin-bottom: 20px; padding: 5px 20px; text-align: left; }
.favoured-shops p { line-height: 20px; }
.adList ul li{ float:left; width:226px; /*height:382px;*/ margin-right:19px;margin-bottom:20px; display:inline; }
.adList ul li.last{ margin-right:0; }
div.gourpP{ width:211px; /*height:350px;*/ padding:9px; background-color:#f7f7f7; border:1px solid #cfbae4; }
div.gourpP:hover{ border:1px solid #424278; }
.gourpP h1{ width:100%;height:92px; overflow:hidden;text-align: left; }
.gourpP h1 a{ line-height:24px; color:#434343; }
.gourpP h1 a:hover{ text-decoration:underline; }
.imgG{ margin:10px 0; display:block; position:relative; z-index:50; }
.imgSpike{ position:absolute; bottom:5px; left:5px; }
p.priceG{ position:relative;  width:260px; height:46px; padding-left:40px; background:url(/front/images/group/ggo.jpg) no-repeat; line-height:46px; color:#fff; }
p.SpikeG{ background:url(/front/images/group/ggoM.jpg) no-repeat; }
p.priceG strong{ font-size:24px; font-family:Zurich BlkEx BT, Arial, Helvetica, sans-serif; }
a.goLook{ position:absolute; top:0; right:0; width:120px; height:46px; display:block; text-indent:-9999px; z-index:120; }
.gourpP span{ line-height:42px; font-size:14px; }
.gourpP span b{ color:#ff0000; font-size:16px; }

.classA{ float:left; width:958px; padding:10px; margin-top:10px; background-color:#f6f6f6; border:1px solid #e0e0e0; }
.navGroup{ float:left; width:948px; height:40px; padding:0 15px; margin-top:10px; background:url(/front/images/grA.jpg) repeat-x; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.navGroup a{ display:inline-block; width:87px; height:34px; padding-top:1px; margin-top:5px; margin-left:1px; background:url(/front/images/btnB.jpg) no-repeat top center; line-height:34px;  text-align:center; overflow:hidden; }
.navGroup a.nG,.navGroup a:hover{height:35px; padding-top:0; margin-top:5px; background:url(/front/images/btnA.jpg); line-height:35px; font-weight:bold;}
.favoured-tit { margin-bottom: 15px; border-bottom: 1px solid #E7E7E7; height: 40px; position: relative; }
.favoured-tit h3 { border-bottom: 1px solid #424278; bottom: -1px; color: #424278; font-size: 14px; font-weight: bold; left: 5px; padding-bottom: 5px; position: absolute; }
.favoured-shops { margin-bottom: 20px; padding: 5px 20px; text-align: left;  word-wrap:break-word;}
.favoured-shops p { line-height: 20px; text-indent:2em;margin-bottom:5px; }
</style>
<script type="text/javascript" src="${base!}/resources/js/jquery.js"></script>
<script>

function request(strParame) {
var args = new Object();
  var query = location.search.substring(1);
  
  var pairs = query.split("&"); // Break at ampersand
  for(var i = 0; i < pairs.length; i++) {
  var pos = pairs[i].indexOf('=');
  if (pos == -1) continue;
  var argname = pairs[i].substring(0,pos);
  var value = pairs[i].substring(pos+1);
  value = decodeURIComponent(value);
  args[argname] = value;
  }
  return args[strParame];
} 

function becomeMember() {
	var memberId = null;
	<#if login_member != null>memberId = "${login_member.memberId}";</#if>
	if (!memberId) {
		//login first
		alert("Please login first");
		$(".pop-box").removeClass("Hide");
	} else {
		$.ajax({
			type: "POST",
		    dataType: "json",
		    url: "${base!}/ajaxBecomeMember.html",
		    data: { memberId : memberId},
		    success: function(json) {
		        if (json.msg == "true") {//已审核
					alert("You have successfully bound membership card");
					location.reload();
		        } else if (json.msg == "err1") {//未绑定会员卡
		        	location.href = "${base!}/front/bindMemberCard.html";
		        } else if (json.msg == "err2") {//已绑定，未审核
		        	alert("You have bound the membership card, please wait for the administrators to audit");
			        location.reload();
		        }
		    },
		    error: function() {
		        alert('System error!');
		    }
		});
	}
}
</script>
</head>
<body>
<#include "${base!}/front/header.html"/>
<div class="main">
  <div class="wrap">
      <div class="shop-info">
          <div class="shop-info-con">
              <div class="shop-tit">
                  <div class="shop-name">
                  <h1 class="shop-title" itemprop="name itemreviewed">
                      <a href="#" target="_blank" >${(company.companyName)!}</a>
                  </h1>
      
                  </div>
                  <div class="comment-rst">
                      <div class="rst-taste">
                          <span>per<strong class="stress">-</strong>${(store.per)!}</span>
                          <em class="sep">|</em>
                          <span class="rst">product<strong>-</strong>${(store.productEvaluate)!}</span>
                          <span class="rst">environment<strong>-</strong>${(store.envEvaluate)!}</span>
                          <span class="rst">service<strong>-</strong>${(store.servEvaluate)!}</span>
                      </div>
                  </div>
              </div>
              <div class="point-card-box">
              	<img src="${(company.imgUrl)!}" width="157px" height="157px" alt="" class="fleft" />
                <div class="btninfo">
                <span><label>Add：</label>${company.address}</span>
                <span><label>Chinese Add：</label>${company.linkMan}</span>
                <span><label>Tel：</label>${company.telephone}</span>
                <span><label>Email：</label>${company.email}</span>
                <span><label>Website：</label><a href="${company.linkUrl}" target="_blank">${company.linkUrl}</a></span>
                <span><label>Tag：</label>${tagName!}</span>
<!--                 <#if memberCard == null>
               		<span class="btn-txt"><a title="Become a member" href="javascript:becomeMember();" style="padding-left:0px">
               		 <span style="background: url(/images/addmember.png) no-repeat;padding:0 18px">Become a member</span> </a></span>
               	<#else>
               		<#if memberCard.isValid != true>已绑定已审核
               			
               			<span class="btn-txt"><font size="4" color="red"><b>Wait for the administrators to audit</b></font></span>
               		<#else>已绑定未审核，不显示按钮</#if>
                </#if> -->
              </div>

        </div>
      </div>
      <!-- 
      <div class="adList">
		<ul>
		<@cms_discount_list storeId='${storeId!}'>
			<#if tag_list?? && tag_list?size gt 0>
				<#list tag_list as dis>
						<li>
						<br /><div class="gourpP">
							<#if dis.imgUrl?? && dis.imgUrl!=''>
								<img src="${base!}${dis.imgUrl!}" alt="" width="212px" height="120px" />
							<#else>
								<img src="${base!}/front/images/discount.jpg" alt="" width="212px" height="120px" />
							</#if>
			                <h1 style="color: black">
				        	<#if dis.description??>
				        		<#if ((dis.description)?length>100)>
				        			${(dis.description)[0..100]} …………
				        		<#else>
				        			${dis.description}
				        		</#if>
				        	</#if>				                
			                </h1>
						</div></li>				
				</#list>
			</#if>
		</@cms_discount_list>
		</ul>
	</div>
	 -->
  </div>
      <div class="favoured-tit">
          <h3>Description</h3>
      </div>
      <div class="favoured-shops" style="font-size:14px;">
       ${(store.discountInfo)!}
      </div>	 
<#include "${base!}/front/footer.html"/>
</body>
</html>
